 .metro .calendar {
     width: 250px;
     border: 1px #eeeeee solid;
     font-size: 10pt;
 }
 .metro .calendar table {
     width: 100%;
     border-collapse: collapse;
 }
 .metro .calendar td, .metro .calendar th {
     padding: 0;
     width: 14.28%;
 }
 .metro .calendar td {
     border: 1px solid;
     border-color: #e6f5fc;
 }
 .metro .calendar td:first-child {
     border-left: 0;
 }
 .metro .calendar td:last-child {
     border-right: 0;
 }
 .metro .calendar tr:last-child td {
     border-bottom: 0;
 }
 .metro .calendar .day-of-week {
     padding: 5px;
     cursor: default;
 }
 .metro .calendar a {
     display: block;
     padding: 5px;
 }
 .metro .calendar a:hover {
     background-color: #eeeeee;
     color: #1d1d1d;
 }
 .metro .calendar .calendar-header {
     background-color: #1ba1e2;
     color: #ffffff;
 }
 .metro .calendar .calendar-header td, .metro .calendar .calendar-header th {
     border: 0 !important;
 }
 .metro .calendar .calendar-header td a, .metro .calendar .calendar-header th a {
     color: #ffffff;
 }
 .metro .calendar .calendar-header td a:hover, .metro .calendar .calendar-header th a:hover {
     background-color: #1ba1e2;
     color: #ffffff;
 }
 .metro .calendar .calendar-actions td, .metro .calendar .calendar-actions th {
     padding: 10px;
 }
 .metro .calendar .today a {
     background-color: #a0e857;
     color: #1d1d1d;
 }
 .metro .calendar .today a:hover {
     background-color: #128023;
     color: #ffffff;
 }
 .metro .calendar .day a {
     display: block;
     position: relative;
     border: 2px transparent solid;
 }
 .metro .calendar .day a.selected {
     border: 4px #4390df solid;
     border-width: 1px;
 }
 .metro .calendar .day a.selected:after {
     position: absolute;
     display: block;
     border-top: 28px solid #4390df;
     border-left: 28px solid transparent;
     right: 0;
     content:"";
     top: 0;
     z-index: 101;
 }
 .metro .calendar .day a.selected:before {
     position: absolute;
     display: block;
     content:"\e08a";
     color: #fff;
     right: 0;
     font-family: iconFont;
     font-size: 9pt;
     font-weight: normal;
     z-index: 102;
     top: 0;
 }
 .metro .calendar .day a.selected:after {
     border-top-width: 12px;
     border-left-width: 12px;
 }
 .metro .calendar .day a.selected:before {
     font-size: 4pt;
 }
 .metro .calendar .month a, .metro .calendar .year a {
     padding-top: 20px;
     padding-bottom: 20px;
 }
 .metro .calendar .other-day {
     display: block;
     text-align: center;
     color: #999999;
 }
 .metro .calendar-dropdown {
     border: 0;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 3px 8px rgba(0, 0, 0, 0.2);
 }
 .metro .calendar a {
     text-decoration: none;
 }
 </style> <style type="text/css"> .metro .button {
     padding: 4px 12px;
     text-align: center;
     vertical-align: middle !important;
     background-color: #d9d9d9;
     border: 1px transparent solid;
     color: #222222;
     border-radius: 0;
     cursor: pointer;
     display: inline-block;
     outline: none;
     font-family:'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 16px;
 }
 .metro .button.default {
     background-color: #008287;
     color: #fff;
 }
 .metro .button:focus {
     outline: 0;
     border: 1px #353535 dotted;
 }
 .metro .button:disabled, .metro .button.disabled {
     background-color: #eaeaea !important;
     color: #bebebe !important;
     cursor: not-allowed !important;
 }
 .metro .button * {
     color: inherit;
 }
 .metro .button *:hover {
     color: inherit;
 }
 .metro a.button:hover {
     color: inherit;
 }
 .metro a.button * {
     color: inherit;
 }
 .metro a.button *:hover {
     color: inherit;
 }
 .metro .button.primary {
     background-color: #16499a !important;
     color: #ffffff !important;
 }
 .metro .button.info {
     background-color: #4390df !important;
     color: #ffffff !important;
 }
 .metro .button.success {
     background-color: #60a917 !important;
     color: #ffffff !important;
 }
 .metro .button.warning {
     background-color: #fa6800 !important;
     color: #ffffff !important;
 }
 .metro .button.danger {
     background-color: #9a1616 !important;
     color: #ffffff !important;
 }
 .metro .button.inverse {
     background-color: #1d1d1d !important;
     color: #ffffff !important;
 }
 .metro .button.link {
     background-color: transparent !important;
     color: #2e92cf !important;
 }
 .metro .button.link:hover {
     text-decoration: underline;
 }
 .metro .button.link:disabled, .metro .button.link.disabled {
     background-color: transparent !important;
     color: #bebebe !important;
     cursor: not-allowed !important;
 }
 .metro .button.link[class*="icon-"] {
     text-decoration: none !important;
 }
 .metro button {
     padding: 4px 12px;
     text-align: center;
     vertical-align: middle !important;
     background-color: #d9d9d9;
     border: 1px transparent solid;
     color: #222222;
     border-radius: 0;
     cursor: pointer;
     display: inline-block;
     outline: none;
     font-family:'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 16px;
 }
 .metro button.default {
     background-color: #008287;
     color: #fff;
 }
 .metro button:focus {
     outline: 0;
     border: 1px #353535 dotted;
 }
 .metro button:disabled, .metro button.disabled {
     background-color: #eaeaea !important;
     color: #bebebe !important;
     cursor: not-allowed !important;
 }
 .metro button * {
     color: inherit;
 }
 .metro button *:hover {
     color: inherit;
 }
 .metro button.primary {
     background-color: #16499a !important;
     color: #ffffff !important;
 }
 .metro button.info {
     background-color: #4390df !important;
     color: #ffffff !important;
 }
 .metro button.success {
     background-color: #60a917 !important;
     color: #ffffff !important;
 }
 .metro button.warning {
     background-color: #fa6800 !important;
     color: #ffffff !important;
 }
 .metro button.danger {
     background-color: #9a1616 !important;
     color: #ffffff !important;
 }
 .metro button.inverse {
     background-color: #1d1d1d !important;
     color: #ffffff !important;
 }
 .metro button.link {
     background-color: transparent !important;
     color: #2e92cf !important;
 }
 .metro button.link:hover {
     text-decoration: underline;
 }
 .metro button.link:disabled, .metro button.link.disabled {
     background-color: transparent !important;
     color: #bebebe !important;
     cursor: not-allowed !important;
 }
 .metro button.link[class*="icon-"] {
     text-decoration: none !important;
 }
 .metro button:active {
     background-color: #1d1d1d !important;
     color: #ffffff !important;
     border-color: transparent;
 }
 .metro button.large {
     padding: 11px 19px;
     font-size: 17.5px;
 }
 .metro button.small {
     padding: 2px 10px;
     font-size: 11.9px;
 }
 .metro button.mini {
     padding: 0px 6px;
     font-size: 10.5px;
 }
 </style> <style type="text/css"> .metro .input-control.checkbox, .metro .input-control.radio, .metro .input-control.switch, .metro .input-control.text, .metro .input-control.password, .metro .input-control.select, .metro .input-control.textarea {
     display: inline-block;
     cursor: pointer;
     position: relative;
     margin-bottom: 7pt;
 }
 .metro .input-control.checkbox input[type="checkbox"], .metro .input-control.radio input[type="checkbox"], .metro .input-control.checkbox input[type="radio"], .metro .input-control.radio input[type="radio"] {
     position: absolute;
     opacity: 0;
     width: 1px;
     height: 1px;
 }
 .metro .input-control.checkbox input[type="checkbox"]:focus ~ .check, .metro .input-control.radio input[type="checkbox"]:focus ~ .check, .metro .input-control.checkbox input[type="radio"]:focus ~ .check, .metro .input-control.radio input[type="radio"]:focus ~ .check {
     outline: 1px #999999 dotted !important;
 }
 .metro .input-control.checkbox .caption, .metro .input-control.radio .caption {
     margin: 0 5px;
 }
 .metro .input-control.checkbox .check, .metro .input-control.radio .check {
     width: 20px;
     height: 20px;
     background-color: #ffffff;
     border: 2px #d9d9d9 solid;
     padding: 0;
     margin: 0 5px 0 0;
     position: relative;
     display: inline-block;
     vertical-align: middle;
 }
 .metro .input-control.checkbox.text-left .check, .metro .input-control.radio.text-left .check {
     margin: 0 0 0 5px;
 }
 .metro .input-control.checkbox:hover .check, .metro .input-control.radio:hover .check {
     border-color: #919191;
 }
 .metro .input-control.checkbox .check:active, .metro .input-control.radio .check:active {
     border-color: #1e1e1e;
 }
 .metro .input-control.checkbox .check:focus, .metro .input-control.radio .check:focus {
     border-color: #919191;
 }
 .metro .input-control.checkbox .check:after, .metro .input-control.radio .check:after {
     position: absolute;
     font-family: iconFont;
     font-size: 9pt;
     line-height: 9pt;
 }
 .metro .input-control.checkbox input[type="checkbox"]:checked ~ .check:after, .metro .input-control.radio input[type="checkbox"]:checked ~ .check:after, .metro .input-control.checkbox input[type="radio"]:checked ~ .check:after, .metro .input-control.radio input[type="radio"]:checked ~ .check:after {
     content:"\e08a";
     margin: 2px;
     top: 0;
     color: #1d1d1d;
 }
 .metro .input-control.checkbox input[type="checkbox"]:disabled ~ .check, .metro .input-control.radio input[type="checkbox"]:disabled ~ .check, .metro .input-control.checkbox input[type="radio"]:disabled ~ .check, .metro .input-control.radio input[type="radio"]:disabled ~ .check {
     border-color: #d9d9d9;
     background-color: #e6e6e6;
 }
 .metro .input-control.checkbox input[type="checkbox"]:disabled ~ .check:after, .metro .input-control.radio input[type="checkbox"]:disabled ~ .check:after, .metro .input-control.checkbox input[type="radio"]:disabled ~ .check:after, .metro .input-control.radio input[type="radio"]:disabled ~ .check:after {
     color: #8a8a8a;
 }
 .metro .input-control.checkbox input[data-show="intermediate"] ~ .check:after, .metro .input-control.radio input[data-show="intermediate"] ~ .check:after, .metro .input-control.checkbox input[data-show="intermediate"]:checked ~ .check:after, .metro .input-control.radio input[data-show="intermediate"]:checked ~ .check:after {
     display: block;
     content:"" !important;
     width: 10px;
     height: 10px;
     background-color: #1d1d1d;
     margin: 3px;
 }
 .metro .input-control.checkbox input[data-show="intermediate"]:disabled ~ .check:after, .metro .input-control.radio input[data-show="intermediate"]:disabled ~ .check:after {
     background-color: #8a8a8a;
 }
 .metro .input-control.radio .check {
     border-radius: 50%;
 }
 .metro .input-control.radio.default-style input[type="radio"]:checked ~ .check:after {
     display: block;
     content:"" !important;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background-color: #1d1d1d;
     margin: 3px;
 }
 .metro .input-control.radio.default-style input[type="radio"]:checked:disabled ~ .check:after {
     background-color: #8a8a8a;
 }
 .metro .input-control.switch input[type="checkbox"] {
     position: absolute;
     opacity: 0;
     width: 1px;
     height: 1px;
 }
 .metro .input-control.switch .caption {
     margin: 0 5px;
 }
 .metro .input-control.switch .check {
     position: relative;
     width: 45px;
     height: 18px;
     outline: 2px #a6a6a6 solid;
     border: 1px #fff solid;
     cursor: pointer;
     background: #A6A6A6;
     z-index: 1;
     display: inline-block;
     vertical-align: middle;
 }
 .metro .input-control.switch .check:after {
     position: absolute;
     left: -1px;
     top: -1px;
     display: block;
     content:"";
     width: 9px;
     height: 16px;
     outline: 2px #333 solid;
     border: 1px #333 solid;
     cursor: pointer;
     background: #333;
     z-index: 2;
 }
 .metro .input-control.switch input[type="checkbox"]:focus ~ .check, .metro .input-control.switch input[type="radio"]:focus ~ .check {
     outline: 1px #999999 dotted !important;
 }
 .metro .input-control.switch input[type="checkbox"]:checked ~ .check {
     background: #008287;
 }
 .metro .input-control.switch input[type="checkbox"]:checked ~ .check:after {
     left: auto;
     right: -1px;
 }
 .metro .input-control.switch input[type="checkbox"]:disabled ~ .check {
     background-color: #e6e6e6;
     border-color: #ffffff;
 }
 .metro .input-control.switch input[type="checkbox"]:disabled ~ .check:after {
     background-color: #8a8a8a;
     outline-color: #8a8a8a;
     border-color: #8a8a8a;
 }
 .metro .input-control.text, .metro .input-control.password, .metro .input-control.file, .metro .input-control.email, .metro .input-control.tel {
     display: inline-block;
     cursor: pointer;
     position: relative;
     background-color: #fff;
     outline: 0;
     height: 34px;
     width: 100%;
 }
 .metro .input-control.text .btn-clear, .metro .input-control.password .btn-clear, .metro .input-control.file .btn-clear, .metro .input-control.email .btn-clear, .metro .input-control.tel .btn-clear, .metro .input-control.text .btn-reveal, .metro .input-control.password .btn-reveal, .metro .input-control.file .btn-reveal, .metro .input-control.email .btn-reveal, .metro .input-control.tel .btn-reveal, .metro .input-control.text .btn-date, .metro .input-control.password .btn-date, .metro .input-control.file .btn-date, .metro .input-control.email .btn-date, .metro .input-control.tel .btn-date, .metro .input-control.text .btn-file, .metro .input-control.password .btn-file, .metro .input-control.file .btn-file, .metro .input-control.email .btn-file, .metro .input-control.tel .btn-file, .metro .input-control.text .btn-search, .metro .input-control.password .btn-search, .metro .input-control.file .btn-search, .metro .input-control.email .btn-search, .metro .input-control.tel .btn-search {
     background-color: #F0F0F0;
     position: absolute;
     top: 5px;
     z-index: 2;
     border: 0;
     right: 4px;
     width: 24px;
     height: 24px;
     min-height: 1px;
     min-width: 1px;
     padding: 0;
     margin: 0;
     display: none;
 }
 .metro .input-control.text .btn-clear:after, .metro .input-control.password .btn-clear:after, .metro .input-control.file .btn-clear:after, .metro .input-control.email .btn-clear:after, .metro .input-control.tel .btn-clear:after, .metro .input-control.text .btn-reveal:after, .metro .input-control.password .btn-reveal:after, .metro .input-control.file .btn-reveal:after, .metro .input-control.email .btn-reveal:after, .metro .input-control.tel .btn-reveal:after, .metro .input-control.text .btn-date:after, .metro .input-control.password .btn-date:after, .metro .input-control.file .btn-date:after, .metro .input-control.email .btn-date:after, .metro .input-control.tel .btn-date:after, .metro .input-control.text .btn-file:after, .metro .input-control.password .btn-file:after, .metro .input-control.file .btn-file:after, .metro .input-control.email .btn-file:after, .metro .input-control.tel .btn-file:after, .metro .input-control.text .btn-search:after, .metro .input-control.password .btn-search:after, .metro .input-control.file .btn-search:after, .metro .input-control.email .btn-search:after, .metro .input-control.tel .btn-search:after {
     font-family: iconFont;
     font-size: 10pt;
 }
 .metro .input-control.text .btn-clear:not(:disabled):active, .metro .input-control.password .btn-clear:not(:disabled):active, .metro .input-control.file .btn-clear:not(:disabled):active, .metro .input-control.email .btn-clear:not(:disabled):active, .metro .input-control.tel .btn-clear:not(:disabled):active, .metro .input-control.text .btn-reveal:not(:disabled):active, .metro .input-control.password .btn-reveal:not(:disabled):active, .metro .input-control.file .btn-reveal:not(:disabled):active, .metro .input-control.email .btn-reveal:not(:disabled):active, .metro .input-control.tel .btn-reveal:not(:disabled):active, .metro .input-control.text .btn-date:not(:disabled):active, .metro .input-control.password .btn-date:not(:disabled):active, .metro .input-control.file .btn-date:not(:disabled):active, .metro .input-control.email .btn-date:not(:disabled):active, .metro .input-control.tel .btn-date:not(:disabled):active, .metro .input-control.text .btn-file:not(:disabled):active, .metro .input-control.password .btn-file:not(:disabled):active, .metro .input-control.file .btn-file:not(:disabled):active, .metro .input-control.email .btn-file:not(:disabled):active, .metro .input-control.tel .btn-file:not(:disabled):active, .metro .input-control.text .btn-search:not(:disabled):active, .metro .input-control.password .btn-search:not(:disabled):active, .metro .input-control.file .btn-search:not(:disabled):active, .metro .input-control.email .btn-search:not(:disabled):active, .metro .input-control.tel .btn-search:not(:disabled):active {
     background-color: #1d1d1d;
     color: #ffffff;
 }
 .metro .input-control.text .btn-clear:active, .metro .input-control.password .btn-clear:active, .metro .input-control.file .btn-clear:active, .metro .input-control.email .btn-clear:active, .metro .input-control.tel .btn-clear:active, .metro .input-control.text .btn-reveal:active, .metro .input-control.password .btn-reveal:active, .metro .input-control.file .btn-reveal:active, .metro .input-control.email .btn-reveal:active, .metro .input-control.tel .btn-reveal:active, .metro .input-control.text .btn-date:active, .metro .input-control.password .btn-date:active, .metro .input-control.file .btn-date:active, .metro .input-control.email .btn-date:active, .metro .input-control.tel .btn-date:active, .metro .input-control.text .btn-file:active, .metro .input-control.password .btn-file:active, .metro .input-control.file .btn-file:active, .metro .input-control.email .btn-file:active, .metro .input-control.tel .btn-file:active, .metro .input-control.text .btn-search:active, .metro .input-control.password .btn-search:active, .metro .input-control.file .btn-search:active, .metro .input-control.email .btn-search:active, .metro .input-control.tel .btn-search:active {
     left: auto;
 }
 .metro .input-control.text .btn-clear:focus, .metro .input-control.password .btn-clear:focus, .metro .input-control.file .btn-clear:focus, .metro .input-control.email .btn-clear:focus, .metro .input-control.tel .btn-clear:focus, .metro .input-control.text .btn-reveal:focus, .metro .input-control.password .btn-reveal:focus, .metro .input-control.file .btn-reveal:focus, .metro .input-control.email .btn-reveal:focus, .metro .input-control.tel .btn-reveal:focus, .metro .input-control.text .btn-date:focus, .metro .input-control.password .btn-date:focus, .metro .input-control.file .btn-date:focus, .metro .input-control.email .btn-date:focus, .metro .input-control.tel .btn-date:focus, .metro .input-control.text .btn-file:focus, .metro .input-control.password .btn-file:focus, .metro .input-control.file .btn-file:focus, .metro .input-control.email .btn-file:focus, .metro .input-control.tel .btn-file:focus, .metro .input-control.text .btn-search:focus, .metro .input-control.password .btn-search:focus, .metro .input-control.file .btn-search:focus, .metro .input-control.email .btn-search:focus, .metro .input-control.tel .btn-search:focus {
     outline: 1px #ccc dotted;
 }
 .metro .input-control.text input:focus ~ .btn-clear, .metro .input-control.password input:focus ~ .btn-clear, .metro .input-control.file input:focus ~ .btn-clear, .metro .input-control.email input:focus ~ .btn-clear, .metro .input-control.tel input:focus ~ .btn-clear, .metro .input-control.text input:focus ~ .btn-reveal, .metro .input-control.password input:focus ~ .btn-reveal, .metro .input-control.file input:focus ~ .btn-reveal, .metro .input-control.email input:focus ~ .btn-reveal, .metro .input-control.tel input:focus ~ .btn-reveal {
     display: block;
 }
 .metro .input-control.text input:not(:focus) ~ .btn-clear:active, .metro .input-control.password input:not(:focus) ~ .btn-clear:active, .metro .input-control.file input:not(:focus) ~ .btn-clear:active, .metro .input-control.email input:not(:focus) ~ .btn-clear:active, .metro .input-control.tel input:not(:focus) ~ .btn-clear:active, .metro .input-control.text input:not(:focus) ~ .btn-reveal:active, .metro .input-control.password input:not(:focus) ~ .btn-reveal:active, .metro .input-control.file input:not(:focus) ~ .btn-reveal:active, .metro .input-control.email input:not(:focus) ~ .btn-reveal:active, .metro .input-control.tel input:not(:focus) ~ .btn-reveal:active {
     display: block;
 }
 .metro .input-control.text .btn-clear:after, .metro .input-control.password .btn-clear:after, .metro .input-control.file .btn-clear:after, .metro .input-control.email .btn-clear:after, .metro .input-control.tel .btn-clear:after {
     content:"\e089";
 }
 .metro .input-control.text .btn-reveal:after, .metro .input-control.password .btn-reveal:after, .metro .input-control.file .btn-reveal:after, .metro .input-control.email .btn-reveal:after, .metro .input-control.tel .btn-reveal:after {
     content:"\e000";
 }
 .metro .input-control.text .btn-search:after, .metro .input-control.password .btn-search:after, .metro .input-control.file .btn-search:after, .metro .input-control.email .btn-search:after, .metro .input-control.tel .btn-search:after {
     content:"\e041";
 }
 .metro .input-control.text .btn-date:after, .metro .input-control.password .btn-date:after, .metro .input-control.file .btn-date:after, .metro .input-control.email .btn-date:after, .metro .input-control.tel .btn-date:after {
     content:"\e020";
 }
 .metro .input-control.text .btn-file:after, .metro .input-control.password .btn-file:after, .metro .input-control.file .btn-file:after, .metro .input-control.email .btn-file:after, .metro .input-control.tel .btn-file:after {
     content:"\e012";
 }
 .metro .input-control.text .btn-search, .metro .input-control.password .btn-search, .metro .input-control.file .btn-search, .metro .input-control.email .btn-search, .metro .input-control.tel .btn-search {
     display: block;
 }
 .metro .input-control.text .btn-date, .metro .input-control.password .btn-date, .metro .input-control.file .btn-date, .metro .input-control.email .btn-date, .metro .input-control.tel .btn-date {
     display: block;
 }
 .metro .input-control.text .btn-file, .metro .input-control.password .btn-file, .metro .input-control.file .btn-file, .metro .input-control.email .btn-file, .metro .input-control.tel .btn-file {
     display: block;
 }
 .metro .input-control.text[class*="btn-"], .metro .input-control.password[class*="btn-"], .metro .input-control.file[class*="btn-"], .metro .input-control.email[class*="btn-"], .metro .input-control.tel[class*="btn-"] {
     background-color: transparent;
 }
 .metro .input-control.text input::-ms-reveal, .metro .input-control.password input::-ms-reveal, .metro .input-control.file input::-ms-reveal, .metro .input-control.email input::-ms-reveal, .metro .input-control.tel input::-ms-reveal, .metro .input-control.text input::-ms-clear, .metro .input-control.password input::-ms-clear, .metro .input-control.file input::-ms-clear, .metro .input-control.email input::-ms-clear, .metro .input-control.tel input::-ms-clear {
     display: none;
 }
 .metro .input-control.text input, .metro .input-control.password input, .metro .input-control.file input, .metro .input-control.email input, .metro .input-control.tel input {
     border: 1px #d9d9d9 solid;
     width: 100%;
     height: 100%;
     padding: 5px;
     z-index: 1;
     -webkit-appearance: none;
 }
 .metro .input-control.text input:focus, .metro .input-control.password input:focus, .metro .input-control.file input:focus, .metro .input-control.email input:focus, .metro .input-control.tel input:focus {
     outline: 0;
     border-color: #919191;
 }
 .metro .input-control.text input:disabled, .metro .input-control.password input:disabled, .metro .input-control.file input:disabled, .metro .input-control.email input:disabled, .metro .input-control.tel input:disabled {
     padding-right: 5px;
 }
 .metro .input-control.text input:disabled ~ .btn-clear, .metro .input-control.password input:disabled ~ .btn-clear, .metro .input-control.file input:disabled ~ .btn-clear, .metro .input-control.email input:disabled ~ .btn-clear, .metro .input-control.tel input:disabled ~ .btn-clear, .metro .input-control.text input:disabled ~ .btn-reveal, .metro .input-control.password input:disabled ~ .btn-reveal, .metro .input-control.file input:disabled ~ .btn-reveal, .metro .input-control.email input:disabled ~ .btn-reveal, .metro .input-control.tel input:disabled ~ .btn-reveal {
     display: none;
 }
 .metro .input-control.text input::-moz-placeholder, .metro .input-control.password input::-moz-placeholder, .metro .input-control.file input::-moz-placeholder, .metro .input-control.email input::-moz-placeholder, .metro .input-control.tel input::-moz-placeholder {
     color: #999999;
 }
 .metro .input-control.text input::-webkit-input-placeholder, .metro .input-control.password input::-webkit-input-placeholder, .metro .input-control.file input::-webkit-input-placeholder, .metro .input-control.email input::-webkit-input-placeholder, .metro .input-control.tel input::-webkit-input-placeholder {
     color: #999999;
 }
 .metro .input-control.select, .metro .input-control.textarea {
     display: inline-block;
     cursor: pointer;
     position: relative;
     width: 100%;
 }
 .metro .input-control.select select, .metro .input-control.textarea select, .metro .input-control.select textarea, .metro .input-control.textarea textarea {
     border: 1px #d9d9d9 solid;
     width: 100%;
     padding: 5px;
 }
 .metro .input-control.select select:focus, .metro .input-control.textarea select:focus, .metro .input-control.select textarea:focus, .metro .input-control.textarea textarea:focus {
     outline: 0;
     border-color: #919191;
 }
 .metro .input-control.select select:disabled, .metro .input-control.textarea select:disabled, .metro .input-control.select textarea:disabled, .metro .input-control.textarea textarea:disabled {
     padding-right: 5px;
 }
 .metro .input-control.select textarea, .metro .input-control.textarea textarea {
     min-height: 100px;
 }
 .metro .input-control.text.warning-state input, .metro .input-control.password.warning-state input, .metro .input-control.select.warning-state input, .metro .input-control.textarea.warning-state input, .metro .input-control.file.warning-state input, .metro .input-control.email.warning-state input, .metro .input-control.tel.warning-state input, .metro .input-control.text.warning-state select, .metro .input-control.password.warning-state select, .metro .input-control.select.warning-state select, .metro .input-control.textarea.warning-state select, .metro .input-control.file.warning-state select, .metro .input-control.email.warning-state select, .metro .input-control.tel.warning-state select, .metro .input-control.text.warning-state textarea, .metro .input-control.password.warning-state textarea, .metro .input-control.select.warning-state textarea, .metro .input-control.textarea.warning-state textarea, .metro .input-control.file.warning-state textarea, .metro .input-control.email.warning-state textarea, .metro .input-control.tel.warning-state textarea {
     border-color: #fa6800;
 }
 .metro .input-control.text.error-state input, .metro .input-control.password.error-state input, .metro .input-control.select.error-state input, .metro .input-control.textarea.error-state input, .metro .input-control.file.error-state input, .metro .input-control.email.error-state input, .metro .input-control.tel.error-state input, .metro .input-control.text.error-state select, .metro .input-control.password.error-state select, .metro .input-control.select.error-state select, .metro .input-control.textarea.error-state select, .metro .input-control.file.error-state select, .metro .input-control.email.error-state select, .metro .input-control.tel.error-state select, .metro .input-control.text.error-state textarea, .metro .input-control.password.error-state textarea, .metro .input-control.select.error-state textarea, .metro .input-control.textarea.error-state textarea, .metro .input-control.file.error-state textarea, .metro .input-control.email.error-state textarea, .metro .input-control.tel.error-state textarea {
     border-color: #e51400;
 }
 .metro .input-control.text.info-state input, .metro .input-control.password.info-state input, .metro .input-control.select.info-state input, .metro .input-control.textarea.info-state input, .metro .input-control.file.info-state input, .metro .input-control.email.info-state input, .metro .input-control.tel.info-state input, .metro .input-control.text.info-state select, .metro .input-control.password.info-state select, .metro .input-control.select.info-state select, .metro .input-control.textarea.info-state select, .metro .input-control.file.info-state select, .metro .input-control.email.info-state select, .metro .input-control.tel.info-state select, .metro .input-control.text.info-state textarea, .metro .input-control.password.info-state textarea, .metro .input-control.select.info-state textarea, .metro .input-control.textarea.info-state textarea, .metro .input-control.file.info-state textarea, .metro .input-control.email.info-state textarea, .metro .input-control.tel.info-state textarea {
     border-color: #4390df;
 }
 .metro .input-control.text.success-state input, .metro .input-control.password.success-state input, .metro .input-control.select.success-state input, .metro .input-control.textarea.success-state input, .metro .input-control.file.success-state input, .metro .input-control.email.success-state input, .metro .input-control.tel.success-state input, .metro .input-control.text.success-state select, .metro .input-control.password.success-state select, .metro .input-control.select.success-state select, .metro .input-control.textarea.success-state select, .metro .input-control.file.success-state select, .metro .input-control.email.success-state select, .metro .input-control.tel.success-state select, .metro .input-control.text.success-state textarea, .metro .input-control.password.success-state textarea, .metro .input-control.select.success-state textarea, .metro .input-control.textarea.success-state textarea, .metro .input-control.file.success-state textarea, .metro .input-control.email.success-state textarea, .metro .input-control.tel.success-state textarea {
     border-color: #60a917;
 }
 .metro .input-control.text input[data-state="warning"], .metro .input-control.password input[data-state="warning"], .metro .input-control.select input[data-state="warning"], .metro .input-control.textarea input[data-state="warning"], .metro .input-control.file input[data-state="warning"], .metro .input-control.email input[data-state="warning"], .metro .input-control.tel input[data-state="warning"] {
     border-color: #fa6800;
 }
 .metro .input-control.text input[data-state="error"], .metro .input-control.password input[data-state="error"], .metro .input-control.select input[data-state="error"], .metro .input-control.textarea input[data-state="error"], .metro .input-control.file input[data-state="error"], .metro .input-control.email input[data-state="error"], .metro .input-control.tel input[data-state="error"] {
     border-color: #e51400;
 }
 .metro .input-control.text input[data-state="info"], .metro .input-control.password input[data-state="info"], .metro .input-control.select input[data-state="info"], .metro .input-control.textarea input[data-state="info"], .metro .input-control.file input[data-state="info"], .metro .input-control.email input[data-state="info"], .metro .input-control.tel input[data-state="info"] {
     border-color: #4390df;
 }
 .metro .input-control.text input[data-state="success"], .metro .input-control.password input[data-state="success"], .metro .input-control.select input[data-state="success"], .metro .input-control.textarea input[data-state="success"], .metro .input-control.file input[data-state="success"], .metro .input-control.email input[data-state="success"], .metro .input-control.tel input[data-state="success"] {
     border-color: #60a917;
 }
 .metro .input-control.text[class*="span"], .metro .input-control.password[class*="span"], .metro .input-control.select[class*="span"], .metro .input-control.textarea[class*="span"], .metro .input-control.file[class*="span"], .metro .input-control.email[class*="span"], .metro .input-control.tel[class*="span"] {
     margin-left: 0;
 }
 .metro .input-control.file {
     overflow: hidden;
 }
 .metro .input-control.file input[type="file"] {
     position: absolute;
     opacity: 0;
     width: 1px;
     height: 1px;
     bottom: 0;
     right: 0;
 }
 .metro .calendar, .metro .calendar-dropdown, .metro .calendar table {
     width: 220px;
 }
 .metro .calendar a{
color: #555555;
 }
 .metro .calendar .today a{
     color: #555555;
     background-color: #ff7800;
 }
 .metro .calendar .today a:hover {
     background-color: #ff5555;
 }
 .metro .calendar .day a {
     padding: 3px;
     height: 25px;
 }
 input{
     color: #555555;
 }
